#approval-list .list-wrap
{
	font-size: 16px;
	padding: 0 24px;
}
#approval-list .list-box
{
	padding:14px  0 20px 0;
	border-bottom: 1px solid #CCCCCC;
}
#approval-list .list-box p
{
	padding: 8px 0;
	color: #666666;
}
#approval-list .list-box a
{
	float: left;
	background: #FFFFFF;
	min-width:170px;
	min-height: 112px;
	border: 1px solid #CCCCCC;
	padding-top: 22px;
	margin-right: 10px;
	margin-top: 10px;
	text-align: center;
	color: #666666;
	font-size: 14px;
}
#approval-list .list-box img
{
	width: 48px;
	height:48px;
	border-radius:6px;
	margin-bottom: 10px;
}
#approval-list .list-box button
{
	font-size: 12px;
	float: right;
}
.form-nav .icon
{
	font-size: 22px;
	font-weight:500;
	margin-left: 10px;
	vertical-align: middle;
}
.form-nav span{
	vertical-align: middle;
}
.approval-form-wrap
{
	width: 100%;
	padding:26px 100px;
	
}
.approval-form-wrap li
{
/*	height: 38px;*/
/*	line-height: 38px;*/
	margin-bottom: 20px;
	display: flex;
	display:-webkit-flex;
	flex-flow: row nowrap;
}
.approval-form-wrap .left
{
	text-align: right;
	display: inline-block;
	margin-right: 10px;
	width: 150px;
	vertical-align: middle;
}
.approval-form-wrap .right
{
	display: inline-block;
	vertical-align: middle;
	flex: 1;
}
.approval-form-wrap .right input,.approval-form-wrap .right select,.approval-form-wrap .right textarea ,.datepicker input
{
	height: 32px;
	max-width: 690px;
	width: 100%;
	border-radius: 6px;
	outline: none;
	border: 1px solid #CCCCCC;
	padding-left: 6px;
}
.approval-form-wrap .right div
{
	max-width: 690px;
	width: 100%;
}
.approval-form-wrap .right textarea
{
	height: 100px;
	
}
.approval-form-wrap .datepicker 
{
	width: 194px !important;
	
}
.datepicker input
{
	background:#EEEEEE;
}
.datepicker::before
{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 0 4px 4px 0;
}
.approval-form-repeat
{
	padding:20px;
}
.approval-form-repeat ul
{
	padding: 14px 82px;
	border-top: 1px solid #CCCCCC;
}
.approval-form-repeat .btnDiv
{
	position: relative;
	height: 50px;
	border-bottom: 1px solid #CCCCCC;
}
.approval-form-repeat .btnDiv button
{
	position: absolute;
	left: 200px;
	top: 0;
    padding: 6px 10px;
    color: #38ADFF;
    min-width: 154px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #aaddfe;
    background: #FFF;
    cursor: pointer;
}
.search-top
{
	padding: 0  14px;
	margin: 20px 0 20px 0;
}
.table-result tr {
    background: #fff;
    border-bottom: 1px #E4E4E4 solid;
}
.table-result td {
    padding-left: 15px;
    font-size: 12px;
}
.summary-td, .table-result td {
    position: relative;
}
.table-td {
    padding-top: 15px;
    padding-bottom: 15px;
}
.summary-item {
    margin-bottom: 3px;
    line-height: 140%;
}
.summary-item, .table-cell {
    padding-top: 14px;
}
.list-approval-person
{
	font-style: normal;
    display: inline-block;
    cursor: pointer;
    z-index: 99;
    text-decoration: underline;
}
.search-category {
    color: #323334;
}
.search-category, .search-category-selected {
    font-size: 12px;
    letter-spacing: -.29px;
    text-align: center;
    margin: 10px 18px;
}
.search-category-selected {
    background: #0090f2;
    border-radius: 100px;
    height: 24px;
    color: #fff;
    padding: 7px 13px;
}
.loading-tip:hover {
    color: #2eabff;
}
.loading-tip {
    padding: 20px 0;
    font-size: 12px;
    text-align: center;
    color: #999;
    cursor: pointer;
}
.item-unread-tips {
    margin-top: 5px;
    margin-right: 5px;
    display: block;
    background: red;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 32px;
    left: 5px;
}
